.navbar-nav .nav-link{
    padding: 1px 1px;
    transition: background-color 0.3s ease;
    margin-left: 1em;
    font-size: medium;
    color: hwb(0 100% 0%);
        font-weight: lighter;

    
    
 }

 @media (max-width: 576px) {
  .navbar-brand img {
      width: 50px; 
      height: auto;
  }
  
  .navbar {
      padding: 15px 0; 
  }

  .nav-link {
      font-size: 18px;
  }

  .nav-link img {
      width: 24px; 
      height: auto;
  }
  .col-sm-5 img{
    display: block;
    margin: auto;
    width: 130px;
 

  }

}
.informacion p{
  margin-top: 5px;
  font-style: italic;
  border-radius: 20px;
  border: solid 1px black;;
}
.bg-footer{
  background-color: #525151;
  color:white;
}
.link-ejemplos {
  display: inline-block;
}

.link-ejemplos img {
  display: block;
}



.link-ejemplos:hover img {
  transform: scale(0.8); 
}
.link-ejemplos-carousel {
  display: inline-block;
}

.link-ejemplos-carousel img {
  display: block;
}



.link-ejemplos-carousel:hover img {
  transform: scale(1.2); 
  transition:transform 0.5s ease;
}
.bordes{
  border-radius: 30px;
  border:solid black;

}
.enlace:hover{
  background-color: #f88686;
  transform: scale(1.1);
  transition:transform 0.5 ease;
}
.enlaces:hover{
  background-color: hsl(37, 89%, 75%);
  transform: scale(1.1);
  transition:transform 0.5 ease;
}


  .navbar-nav .nav-link:hover.l1 {
    background-color: hsl(69, 96%, 42%); 
    border-radius: 20px;
    transform: scale(1.1);
    transition: transform 0.5s ease;
    font-weight: bold;
  }
  .navbar-nav .nav-link:hover.l2 {
    background-color: #04ee46; 
    border-radius: 20px;
    font-weight: bold;
    transform: scale(1.1);
    transition: transform 0.5s ease;
  }
  .navbar-nav .nav-link:hover.l3 {
    background-color: hsl(0, 100%, 50%); 
    transform: scale(1.1);
    transition: transform 0.5s ease;
    border-radius: 20px;
    font-weight: bold;


  }
  .navbar-nav .nav-link:hover.l4 {
    background-color: hsl(210, 100%, 49%); 
    transform: scale(1.1);
    transition: transform 0.5s ease;
    border-radius: 20px;
    font-weight: bold;


  }
  .colores{

    padding-bottom: 5px;
  }
  .texto{
    text-align: justify;
    font-size: medium;
  }

  .texto1{
    text-align: justify;
    background-color: #ffffff;

  }
.link-type:hover{
  background-color: hsla(0, 82%, 63%, 0.773);
  transform: scale(1.1);
  transition: transform 0.5s ease;
  color:black;

}
.link-type-li:hover{
  background-color: hwb(240 53% 7%);
  transform: scale(1.1);
  transition: transform 0.5s ease;
  color:black;

}
.link-type-l1:hover{
  background-color: hwb(71 46% 2% / 0.878);
  transform: scale(1.1);
  transition: transform 0.5s ease;
  color:black;

}
.link-type-l2:hover{
  background-color: rgb(109, 109, 109);
  transform: scale(1.1);
  transition: transform 0.5s ease;
  color:black;

}
.link-type-l3:hover{
  background-color: #43f773;
  transform: scale(1.1);
  transition: transform 0.5s ease;
  color:black;

}
.bg-image{
  background-color: hsl(30, 53%, 93%);
  opacity: 50%;
 

}
.bg-formulario{
  background-image: url(../Ilustraciones/dragon.jpg);
  background-size: cover;


}